﻿@{
    ViewBag.Title = "Accueil";
}
<h2>
    Accueil</h2>
<div id="two" class="contentslider">
    <div class="cs_wrapper">
        <div class="cs_slider">
            <div class="cs_article">
                <div id="example2">
                    <ul>
                        <li>
                            <!-- Deviant Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Deviant Art Tile" rel="Displays Your Favorite Deviation."
                                                src="./../../Content/metro/Panels/deviant.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <iframe allowtransparency="true" marginwidth="0" class="deviation" marginheight="0"
                                                style="left: -25px; top: -60px; position: relative;" hspace="0" vspace="0" frameborder="0"
                                                scrolling="no" src="" height="250px" width="207px"></iframe>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Deviant Panel End -->
                        </li>
                        <li>
                            <!-- Youtube Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Youtube Tile" rel="Displays Your Favorite Song/Video."
                                                src="./../../Content/metro/Panels/youtube.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <object class="youtube1" type="application/x-shockwave-flash" allowscriptaccess="never"
                                                allownetworking="internal" height="330" width="150" style="position: relative;
                                                top: -90px;" data="">
                                                <param name="allowScriptAccess" value="never" />
                                                <param name="allowNetworking" value="internal" />
                                                <param class="youtube2" name="movie" value="" />
                                                <param name="wmode" value="transparent" />
                                            </object>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Youtube Panel End -->
                        </li>
                        <li>
                            <!-- Games Panel Start -->
                            <div class="box3">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Valve Tile" rel="Displays Steam's Store Updates." src="./../../Content/metro/Panels/games.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <br>
                                            <h2>
                                                Valve News</h2>
                                            <br>
                                            Team Fortress 2<br>
                                            is Now free to play!...<br>
                                            Steam Sale<br>
                                            Valve Games 50% off!...
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Games Panel End -->
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <!-- Twitter Panel Start -->
                            <div class="box3">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Twitter Tile" rel="Displays Your Last Tweets." src="./../../Content/metro/Panels/twitter.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <br>
                                            <h2>
                                                Latest Tweet</h2>
                                            <br>
                                            <p>
                                                New Web App on it's Way!!!...</p>
                                            <p>
                                                Metro Web Template V4 A Success!!...</p>
                                            <p>
                                                Check out my Portfolio!...</p>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Twitter Panel End -->
                        </li>
                        <li>
                            <!-- Weather Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Weather Tile" rel="Displays Your Current Weather." src="./../../Content/metro/Panels/weather.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <!-- Yahoo! Weather Badge  -->
                                            <iframe allowtransparency="true" marginwidth="0" class="weather" marginheight="0"
                                                style="left: -25px; top: -60px; position: relative;" hspace="0" vspace="0" frameborder="0"
                                                scrolling="no" src="" height="220px" width="200px"></iframe>
                                            <!-- Yahoo! Weather Badge  -->
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Weather Panel End -->
                        </li>
                        <li>
                            <!-- Home Panel Start -->
                            <div class="box3">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="User Tile" rel="Displays Your Own User Picture." src="./../../Content/metro/Panels/home.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <img class="user">
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Home Panel End -->
                        </li>
                        <!-- Seperator -->
                    </ul>
                    <ul>
                        <li>
                            <!-- Xbox Panel Start -->
                            <div class="box3">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Xbox Tile" rel="Displays Your Xbox Profile Information."
                                                src="./../../Content/metro/Panels/xbox.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <center>
                                                <img class="xboxpic" class="box2" src="">
                                                <br>
                                                <br>
                                                <h2>
                                                    <a class="xboxtag" href="">View Profile</a></h2>
                                            </center>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Xbox Panel end -->
                        </li>
                        <li>
                            <!-- Flickr Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Flickr Tile" rel="Displays Beautiful Flickr Artwork."
                                                src="./../../Content/metro/Panels/flickr.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <iframe src="http://www.flickr.com/slideShow/index.gne?
user_id=49589957@N03" align="center" frameborder="0" style="position: relative; top: -50px; left: -50px;" width="250" height="250"
                                                scrolling="no"></iframe>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Flickr Panel End -->
                        </li>
                        <li>
                            <!-- Map Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Map Tile" rel="Displays Your Local Area." src="./../../Content/metro/Panels/location.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <img class="map" src="" class="box2">
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Map Panel End -->
                        </li>
                    </ul>
                </div>
            </div>
            <!-- End cs_article -->
            <div class="cs_article">
                <div id="example2">
                    <ul>
                        <li>
                            <!-- Color Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Color Tile" rel="Change The Tile Colors." src="./../../Content/metro/Panels/color.png" />
                                        </td>
                                        <td class="box2">
                                            <div id="color" style="background-color: #24a2ff;">
                                            </div>
                                            <div id="color" style="background-color: #9524ff;">
                                            </div>
                                            <div id="color" style="background-color: #3be55f;">
                                            </div>
                                            <div id="color" style="background-color: #ff2443;">
                                            </div>
                                            <div id="color" style="background-color: #ff6c25;">
                                            </div>
                                            <div id="color" style="background-color: #c69c6d;">
                                            </div>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Color Panel End -->
                        </li>
                        <li>
                            <!-- Color Panel Start -->
                            <div class="box4">
                                <table border="0" cellspacing="0" cellpadding="0" class="box4">
                                    <tr>
                                        <td class="box">
                                            <img class="tooltip" title="Metro Tile" rel="My Metro Tiles." src="./../../Content/metro/Panels/metro.png" />
                                        </td>
                                        <td class="box2">
                                            <!-- PLACE YOUR CONTENT HERE //-->
                                            <b>
                                                <h1>
                                                    Start Tiles</h1>
                                            </b>
                                            <br>
                                            Thanks for using my web app, feel free to contact me if you need help.
                                            <br>
                                            <a href="http://blindbartemais.deviantart.com/">2011 (c) Grimm Studios</a>
                                            <!-- END OF CONTENT AREA //-->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- Color Panel End -->
                        </li>
                    </ul>
                </div>
            </div>
            <!-- End cs_article -->
        </div>
        <!-- End cs_slider -->
    </div>
    <!-- End cs_wrapper -->
</div>
<!-- End contentslider -->
